<template>
  <div>
    <header>公共头部</header>
    <ul>
      <!-- 声明式导航 -->
      <li><NuxtLink to="/">index</NuxtLink></li>
      <li><NuxtLink to="/about?name=jack&age=18">about</NuxtLink></li>
      <li><NuxtLink to="/product/trademark/list">trademark</NuxtLink></li>
      <li><NuxtLink to="/detail/111">detail 111</NuxtLink></li>
      <li><NuxtLink to="/detail/222">detail 222</NuxtLink></li>
    </ul>
    <!-- 默认插槽：渲染其他内容 -->
    <slot />
    <footer>公共底部</footer>
  </div>
</template>

<script lang="ts">
export default {
  name: "Layouts",
};
</script>

<script lang="ts" setup></script>

<style scoped></style>
